<include file="Public/header" />
<include file="Public/indexheader" />
<div data-role="page" >
    <div data-role="header" data-position="fixed"  data-tap-toggle="false"data-theme="f">
      <h1>HelloMarker</h1>
    </div>
        <script>
        $(document).ready(function() {
          $("#owl-demo1").owlCarousel({
            items : 1,
            lazyLoad : true,
            autoPlay : true,
            navigation : false,
            navigationText :  false,
            pagination : false,
          });
        });
        </script>
    <div id="owl-demo1" class="owl-carousel">
        <div class="item-bottom">
            <div class="item-right">
                <img src="__PUBLIC__/images/article/banner/<{$articleRows[0]['articlebanner']}>" alt="" width="100%;"height="110px;">
                <p class="caption"><{$articleRows[0]['articlename']}></p>
            </div>
        </div>
        <div class="item-bottom">
            <div class="item-right">
                <img src="__PUBLIC__/images/article/banner/<{$articleRows[1]['articlebanner']}>" alt="" width="100%;"height="110px;">
                <p class="caption"><{$articleRows[1]['articlename']}></p>
            </div>
        </div>
        <div class="item-bottom">
            <div class="item-right">
                <img src="__PUBLIC__/images/article/banner/<{$articleRows[2]['articlebanner']}>" alt="" width="100%;"height="110px;">
                <p class="caption"><{$articleRows[2]['articlename']}></p>
            </div>
        </div>
    </div>

    <div data-role="navbar" >
        <ul >
            <li><a ><font class='pull-left'><i class="fa fa-coffee"></i>  吃喝玩乐</font></a></li>
        </ul>
    </div>
    <div data-role="main" class="content">
    <div class="list-group">
        <volist name="newShareRows" id="vo">
                <a class="list-group-item" href="__CONTROLLER__/noteShareInfo/id/<{$vo.noteid}>" data-ajax="false">
                    <img src="__PUBLIC__/uploads/markerimage/<{$vo.imagesrc}>" alt="<{$vo.notename}>" >
                    <span class="ui-li-count" ><{$vo.notediscusscount}></span>
                    <font><{$vo.notename}></font>
                </a>

        </volist>
    </div>
  </div><!--main-content-->
  <div data-role="navbar" >
    <ul >
        <li><a><font class='pull-left'><i class="fa fa-map-signs"></i>  城市</font></a></li>
    </ul>
  </div>
  <div data-role="main" class="content">
    <div class="ui-grid-b">
         <div class="ui-block-a">
             <a href="__CONTROLLER__/markerShare/shareType/address/selectName/上海/cid/c1/sid/address" data-ajax="false">
                 <img src="__PUBLIC__/images/city/shanghai.png" alt="shanghai"  class="nav-image animate-img">
                 <div class="mask">
                    <font><span>上海</span></font>
                 </div>
             </a>
         </div>
         <div class="ui-block-b">
             <a href="__CONTROLLER__/markerShare/shareType/address/selectName/杭州/cid/c2/sid/address"data-ajax="false">
                 <img src="__PUBLIC__/images/city/hangzhou.jpg" alt="hangzhou" class="nav-image animate-img">
                 <div class="mask">
                    <font><span>杭州</span></font>
                 </div>
             </a>
         </div>
         <div class="ui-block-c">
             <a href="__CONTROLLER__/markerShare/shareType/address/selectName/苏州/cid/c3/sid/address" data-ajax="false">
                 <img src="__PUBLIC__/images/city/suzhou.png" alt="suzhou" class="nav-image animate-img">
                 <div class="mask">
                    <font><span>苏州</span></font>
                 </div>
             </a>
         </div>
    </div><!--nav-end-->
    <div data-role="navbar" >
        <ul >
            <li><a ><font class='pull-left'><i class="fa fa-commenting-o"></i>  热门</font></a></li>
        </ul>
    </div>
    <div class="list-group">
        <volist name="hotDiscussRows" id="vo">
            <a class="list-group-item" href="__CONTROLLER__/noteShareInfo/id/<{$vo.noteid}>" data-ajax="false">
                <span class="badge pull-right" ><{$vo.notediscusscount}></span>
                <font><{$vo.notename}></font>
            </a>
        </volist>
    </div>
    <div data-role="navbar" >
        <ul >
            <li><a ><font class='pull-left'><i class="fa fa-newspaper-o"></i>  我说</font></a></li>
        </ul>
    </div>
    <volist name="articleRows" id="vo">
    <a href="__APP__/Home/Article/article/id/<{$vo.articleid}>"data-ajax="false">
        <div class="list-group-item ">
            <div class="news-item " style="background-image:url('__PUBLIC__/images/article/<{$vo.articleimg}>');">
                <div class="mask-div"></div>
                <font><{$vo.articlename}><br><{$vo.articletime}></font>
            </div>
        </div>
    </a>
    </volist>
  </div><!--main-content-->
<include file="Public/footer" />